<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Title</title>
    <script src="./assets/jquery/jquery.min.js"></script>
    <script>
        // cors 跨域-服务器授权跨域 ： 需要服务器通过代码授权的方式完成
        //                          ajax请求操作不发生任何变化
        // 以java服务器代码为例
        // 通过 HttpServletResponse 对象 提供的 addHeader 方法 添加地址授权头
        //         response.addHeader("授权头名称","当前页面的访问地址")
        //  例如   response.addHeader("Access-Control-Allow-Origin","http://localhost:8080/")
        //  以java服务器代码为例，可以设置过滤器，为所有请求都定义允许跨域操作
        function sendAjax(){
            $.ajax({
                method:"get",
                url:"http://127.0.0.1:8080/ajax/test05/cors",
                success:function (){
                    console.log("请求成功")
                },
                error:function (){
                    console.log("请求失败")
                }
            })
        }
    </script>

</head>
<body>
    <input type="button" value="sendAjax" onclick="sendAjax()">
</body>
</html>